.ui-dark{
    @layer-title-bg: #20202a;
@layer-title-font-color: #fff;
@layer-border-color: #181924;
@img-url: "/pr/pc/images/skin/dark-digital";
    .layui-layer {
        border: 3px solid;
        border-color: @layer-border-color ;
    }

    .layui-layer-title {
        color: @layer-title-font-color !important;
        background-color: @layer-title-bg !important ;
        border-bottom: 1px solid !important;
        border-color: @layer-border-color !important ;
        border-radius: 0 !important;
    }

    .layui-layer {
        color: #fff;
        background: lighten(@layer-title-bg, 20%) !important;
    }

    .layui-layer-loading {
        background: none;
    }

    .layui-layer-setwin {
        top: 0;
        right: 5px;

        a {
            background: none;

            cite {
                display: none;
            }

            &:hover {
                &:after {
                    color: #eee;
                }

            }

            &:after {
                font-family: zkuasgm-icon;
                color: #fff;
                font-size: 16px;
                font-weight: bold;
                position: relative;
                left: 4px;
                bottom: 3px;
                cursor: pointer;
                font-weight: normal;
            }
        }

        .layui-layer-min {
            &:after {
                content: "\e839"; //特殊字符或形状

            }
        }

        .layui-layer-max {
            &:after {
                content: "\e838"; //特殊字符或形状
            }
        }

        .layui-layer-close1 {
            color: #fff;
            background: none;

            &:after {

                content: "\e629"; //特殊字符或形状

            }
        }

        .layui-layer-close2 {
            color: #fff;
            background: #26293a;
            border-radius: 50%;
            border: 2px solid #fff;
            display: flex;
            justify-content: center;
            align-items: center;

            &:after {

                content: "\e629"; //特殊字符或形状
                left: 0;
                bottom: 0
            }
        }
    }

    .layui-layer-btn {
        border-top: 1px solid;
        border-color: #181924;
        background-color: @layer-title-bg ;
    }

    .layui-layer-btn a {
        background: #333;
    }

    .layui-layer-btn .layui-layer-btn1 {
        background: #999;
    }


    .skinDark {
        // border-image-source: url("@{img-url}/dialog-bg5.png");
        // border-image-slice: 26 26 41 41 fill;
        // border-width:  26px 26px 41px 41px;
        // border-style: solid;
        // background-clip: padding-box;
        // position: relative;
        // display: inline-block;
        // margin: 0 0 0 10px;
        // padding:0px 0 10px 0;
        border-image-source: url("@{img-url}/layer-bk.png");
        border-image-slice: 18 fill;
        border-width: 18px;
        border-style: solid;
        background-clip: padding-box;
        position: relative;
        display: inline-block;
        margin: 0 0 0 10px;
        background-color: rgba(255, 255, 255, 0);
    }
}